<template>
  <header class="process-header">
    <slot name="header"></slot>
  </header>
  <section :class="background ? 'bg-d9' : ''" class="p10 mh100vh">
    <slot></slot>
  </section>
</template>
<script>
export default {
  props: {
    background: {
      type: Boolean,
      default: false
    }
  }
}
</script>
<style>
/*此处不需要scoped*/
.process-header:not(:empty) {
  padding: 10px;
}
/* .mh100vh {
  min-height: calc(100vh - 52px);
} */
.process-header:empty + .mh100vh {
  min-height: calc(100vh);
}
.bg-d9 {
  background: #f0f2f5;
}
</style>
